課程資訊
課程名稱
圖文溝通與應用
TYPOGRAPHY AND LAYOUT DESIGN 
開課學期
98-1 
授課對象
學程  藝術設計學分學程  
授課教師
林柏涵 
課號
Thea1120 
課程識別碼
109 15600 
班次
 
學分
全/半年
半年 
必/選修
選修 
上課時間
星期三5,6(12:20~14:10) 
上課地點
普506 
備註
兼為藝術設計學程課程。戲劇學系及藝術設計學程學生優先選課。屬藝術設計學程「進階設計實務」類。
總人數上限:30人 
Ceiba 課程網頁
http://ceiba.ntu.edu.tw/981TALD 
課程簡介影片
 
核心能力關聯
核心能力與課程規劃關聯圖
課程大綱
為確保您我的權利,請尊重智慧財產權及不得非法影印
課程概述

編排(版面)設計是一門字體設計和圖文整合的專業工作,課程安排以人類的視覺認知與視覺傳達為基礎,以閱讀功能性與文字的表達性為架構,藉由理論與實際創作的相互應證,讓學生了解編排設計的整體架構語細膩之美。 

課程目標
讓學生了解編排設計的表現形式與訊息內容之間的關係,同時練習在表現形式、目的性與功能用途間進行整合和平衡的工作。藉此了解傳播理論、視覺傳達、清楚編排原則、認識你的預設觀眾、以及掌握溝通傳播的目的,並創造出知覺性的主觀視覺效果。 
課程要求
基本美學能力與電腦繪圖基礎 
預期每週課後學習時數
 
Office Hours
 
指定閱讀
 
參考書目
【版面構成:整體架構+細膩之美】,Willi Kunz,龍溪國際圖書有限公司,ISBN: 957-9437-61-0
【 Making Digital Type Look Good】,Bob Gordon, Thames & Hudson , ISBN 050283133
【The Elements of Typographic Style】, Robert Bringhurst, Hartley & Marks, Publishers,
ISBN 0-88179-132-6
 
評量方式
(僅供參考)
 
No.
項目
百分比
說明
1. 
期中作業 
40% 
 
2. 
期末作業 
50% 
 
3. 
課程參與 
10% 
 
 
課程進度
週次
日期
單元主題
第1週
9/16  課程簡介與編排設計(Layout Design)概述
【版面構成:整體架構+細膩之美】編排(版面)設計元素 P.12- P.47
 
第2週
9/23  視覺傳達、編排設計(Layout Design)與Typography 關係探討
_ 版面構成 課堂習作(一)
【The Elements of Typographic Style】Shaping the Page P.143-P.178
 
第3週
9/30  編排設計(Layout Design)中的“搭建空間 Structuring Space”
_ 版面構成 課堂習作(二)
課後習作(一):視覺閱讀動線
 
第4週
10/07  編排設計(Layout Design)中的“製作頁面 Orienting On the Page”
__ 版面構成 課堂習作(三)

【版面構成:整體架構+細膩之美】設計上的各個層面 P.48- P.91
 
第5週
10/14  Typography 概述
_Type Specimen Settings : Serif fonts, Sans serif fonts and Dual Sans/serif fonts
【 Making Digital Type Look Good】Part 2. Examples of Comparative Settings
P.60- P.154
 
第6週
10/21  編排設計(Layout Design)中的“內文設計 Text Systems”
_ Typography 課堂習作(一)
課後習作(二):Type as a graphic ( I )
 
第7週
10/28  [ Trouble Shooting ] 期中作業
【版面構成:整體架構+細膩之美】細膩之美與整體架構 P.92- P.125
 
第8週
11/04  [ Grade ] 期中作業

 
第9週
11/11  編排設計(Layout Design)中的“資訊彙整 Ordering Information”
_ Typography 課堂習作(二)
課後習作(三):Type as a graphic ( II )
 
第10週
11/18  編排設計(Layout Design)中的“圖像考量 Pictorial Considerations”
_ Typography 課堂習作(三)
課後習作(四):Type as a graphic ( III )
 
第11週
11/25  編排設計(Layout Design)與色彩
【 Making Digital Type Look Good】Part 3. Display type P.180- P.185
 
第12週
12/02  Custom, web & Display Types
_ Designing your own fonts 課堂習作(一)
課後習作(五):Type as symbol ( I )
 
第13週
12/09  Legibility and readability
_ Designing your own fonts 課堂習作(二)
課後習作(六):Type as symbol ( II )
 
第14週
12/16  CD Cover Design

【 Making Digital Type Look Good】Part 1. How Digital Type Works P.10- P.56
 
第15週
12/23  Book/Magazine Cover Design 
第16週
12/30  Calendar Design 
第17週
1/06  [ Trouble Shooting ] 期末作業 
第18週
1/13  [ Grade ] 期末作業